<template>
<!-- 订单中心 -->
  <div id="root">
      <div class="top1">
        <van-icon @click="funw2()" name="arrow-left" />        
        <div class="center">订单中心</div>
        <van-icon @click="shop()"  name="cart-o" />
    </div>
    <!-- 导航栏 -->
    <div class="top2">
      <van-tabs class="leader">
  <van-tab title="全部"></van-tab>
  <van-tab title="待收货"></van-tab>
  <van-tab title="待付款"></van-tab>
  <van-tab title="已完成"></van-tab>
</van-tabs>
    </div>
<!-- </div> -->
    <!-- 是否存在新订单 -->

  </div>
</template>

<script>
export default {
  // setup() {
  //   const active = ref(0);
  //   return { active };
  // },
  methods:{
    funw2(){
      this.$router.push("/wode")
    },
    shop(){
      this.$router.push("/cart")
    }
  }
}
</script>

<style scoped>
.top1{
    padding: 1.25rem;
    display: flex;
    background-color: white;
}
.center{
    margin-left: 1.875rem;
    margin-right: 10.625rem;
}


</style>